import { StyleSheet } from 'react-native';
import { primaryColor } from '@/constants/Colors';

export default StyleSheet.create({
  wrapper: {
    flex: 1
  },
  footer: {
    height: 80,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#f6f6f6'
  },
  loading: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
  },
  loadingText: {
    fontSize: 14,
    color: '#999',
    fontWeight: '500',
    marginLeft: 8
  },
  noMore: {
    fontSize: 16,
    color: '#999',
    textAlign: 'center',
    fontWeight: '500'
  }
});

export const emptyStyles = StyleSheet.create({
  empty: {
    padding: 56,
    alignItems: 'center',
    justifyContent: 'center'
  },
  content: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  icon: {
    marginBottom: 16,
  },
  text: {
    marginBottom: 20
  },
  title: {
    color: '#333',
    fontSize: 15,
    fontWeight: '500',
    textAlign: 'center'
  },
  desc: {
    color: '#666',
    fontSize: 13,
    textAlign: 'center'
  },
  button: {
    paddingLeft: 36,
    paddingRight: 36,
  }
});